body{background-color:#f5f5f5}
.tab2{width:94%;margin:6rem auto 0 auto;border-radius:1.2rem;background-color:#fff;padding:1.5rem 0 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;box-sizing:border-box;-webkit-box-sizing:border-box}
.tab2 a{width:33%;display:inline-block;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.tab2 a i{width:4rem;height:4rem;margin:0 auto;font-size:2rem;line-height:4rem;border-radius:2rem;display:block;color:#fff;position:relative}
.tab2 a img{width:5rem;height:5rem;display:inline-block;border-radius:2.5rem}
.tab2 a span{display:block;margin:.5rem auto 1.5rem auto;fotn-size:1.3rem}
.tab2 a i._new{background-color:#D88CFF;font-size:2.5rem;background-image:-webkit-linear-gradient(135deg,#c05cf4,#ecc6ff);text-shadow:0px 1px 1px #b150e3}
.tab2 a i._my{background-color:#FD6EBA;background-image:-webkit-linear-gradient(135deg,#FD6EBA,#ffabd8);text-shadow:0px 1px 1px #d02982}
.tab2 a i._so{background-color:#7b38f5;background-image:-webkit-linear-gradient(135deg,#7b38f5,#bf92f8);text-shadow:0px 1px 1px #4e08cd}

/*list*/
.qun_list{text-align:left;margin-top:6.2rem}
.qun_list a{width:94%;margin:0 3% 1.2rem 3%;-webkit-user-select:none;position:relative;background-color:#fff;padding:2rem 1.5rem 2rem 1.5rem;border-radius:1.2rem;box-sizing:border-box;display:block}
.qun_list a button{background-color:#fff;float:right;margin-top:2rem}
.qun_list a dt{float:left;width:7rem;height:7rem;margin-right:1rem}
.qun_list a dt img{width:90%;height:90%;object-fit:cover;-webkit-object-fit:cover;border-radius:1.2rem}
.qun_list a dd{float:left;width:-webkit-calc(100% - 14rem)}
.qun_list a dd h4{display:block;margin-bottom:1rem}
.qun_list a dd ul{margin:.5rem 0}
.qun_list a dd ul li{display:inline-block;line-height:2rem;border-radius:.3rem;padding:0 .5rem;margin-right:.6rem;font-size:1.2rem;margin-bottom:.5rem}

.qun_list a dd em{;clear:both;overflow:auto}
.qun_list a dd em img{display:block;width:3rem;height:3rem;margin:0 .3rem;float:left;border-radius:2rem;object-fit:cover;-webkit-object-fit:cover;margin-left:-1rem;border:#fff 1px solid;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.qun_list a dd em img:first-child{margin-left:0}

#backtop a{background:#fff}
.blank{height:15rem}
a.so{position:fixed;top:0;right:1.5rem;text-align:center;line-height:5rem;color:#fff;z-index:3}
a.so i{line-height:3rem;height:3rem;font-size:2.8rem;display:block;margin-top:.5rem}
a.so span{line-height:2rem;height:2rem;display:block;font-size:1.2rem;margin-top:-.8rem}

/*detail*/
.blank{height:10rem}
.Ublack{width:4rem;height:4rem;line-height:4rem;color:#fff;border-radius:2.6rem;text-align:center;position:fixed;top:1rem;right:1rem;background-color:rgba(0,0,0,0.3);display:inline-block;z-index:9}
.Ublack i{font-size:1.8rem}

.dtl_bnr{width:100%;height:95vw;max-width:64rem;max-height:60.8rem;position:relative;margin:0 auto}
.dtl_bnr .bg{width:100%;height:95vw;max-height:60.8rem;position:relative;z-index:-1}
.dtl_bnr .bg img{width:100%;max-height:60.8rem}
.dtl_bnr .bg dl{position:absolute;bottom:6rem;left:5%;width:90%}
.dtl_bnr .bg dl dt{width:5.5rem;height:5.5rem;float:left}
.dtl_bnr .bg dl dt img{width:100%;height:100%;border-radius:.6rem;object-fit:cover;-webkit-object-fit:cover}
.dtl_bnr .bg dl dd{width:-webkit-calc(100% - 6.5rem);height:6rem;float:right;color:#fff;text-align:left}
.dtl_bnr .bg dl dd h2{font-size:1.8rem}
.dtl_bnr .bg dl dd h5{width:95%;font-size:1.2rem;margin-top:.6rem;line-height:150%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.dtl_box{width:94%;min-height:10rem;border-radius:1.2rem;margin:1rem auto;background-color:#fff;padding:1.5rem 1.5rem 2rem 1.5rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:left;}
.dtl_box b{font-size:1.8rem}
.dtl_box b font{font-size:1.3rem;margin-left:.2rem;font-weight:normal}
.dtl_C{margin-top:-4rem}
.dtl_C img{width:100%}
.dtl_C em{font-size:1.4rem;color:#999;line-height:150%;margin-top:1rem;word-wrap:break-word}
.dtl_box .uli{position:relative}
.dtl_box .uli li{width:17%;float:left;margin-right:1%;position:relative;text-align:center}
.dtl_box .uli li img{width:5rem;height:5rem;border-radius:2.5rem;object-fit:cover;-webkit-object-fit:cove;display:block;margin:1.5rem auto 1rem auto}
.dtl_box .uli li span{color:#999;font-size:1.2rem;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dtl_box .uli li font{width:4rem;position:absolute;bottom:2rem;left:.5rem;left:-webkit-calc(50% - 2rem);display:block;line-height:1.8rem;border-radius:1rem;color:#fff;font-size:1.2rem}
.dtl_box .uli i{color:#aaa;font-size:1.4rem;position:absolute;right:.5rem;top:3.4rem}
.dtl_box .nodatatips{margin:0 auto;padding:1rem}
.dtl_box .tjul{margin-top:1.5rem}
.dtl_box .tjul li{padding:0 1rem;display:inline-block;line-height:2.8rem;font-size:1.3rem;margin:.4rem .8rem .8rem 0;border-radius:2rem;box-shadow:0 0 .4rem rgba(0,0,0,0.09)}
.dtl_box .fuliul{margin-top:1.5rem;font-size:1.3rem}
.dtl_box .fuliul li{display:block;padding:1px 1rem;border-radius:1.2rem;margin-bottom:1.5rem}
.dtl_box .fuliul li div{margin:1.5rem 0;line-height:150%;font-size:1.5rem}
.dtl_box .fuliul li div b{font-weight:normal;color:#f00;font-size:1.4rem;margin:0 .2rem}
.pricelist{text-align:left}
.pricelist em{margin:.6rem 0}
.pricelist em i{color:#aaa}
.dtl_btm{width:100%;max-width:750px;position:fixed;bottom:1.5rem;left:0;right:0;margin:auto;height:5rem;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);z-index:8}
.dtl_btm a{width:80%;max-width:55.5rem;height:5rem;line-height:5rem;border-radius:3rem;display:inline-block;color:#fff;font-size:1.6rem}
.dtl_btm a.enter{background-color:#FE478C;background-image:-webkit-linear-gradient(left, #FE767E ,#FE478C );box-shadow:0 .3rem .8rem rgba(254,117,126,.4)}

/*ulist*/
.ulist{padding:0 1.5rem 2rem 1.5rem;margin-top:6rem}
.ulist dl{width:100%;position:relative;height:10rem;box-sizing:border-box}
.ulist dl dt,.ulist dl dd{position:absolute;top:1.3rem}
.ulist dl dt{width:6rem;left:0}
.ulist dl dt img{width:6rem;height:6rem;border-radius:3rem;object-fit:cover;-webkit-object-fit:cover}
.ulist dl dt a{width:6rem;height:6rem;border-radius:4rem;display:block;overflow:hidden;position:relative}
.ulist dl dt img{width:100%;height:100%;object-fit:cover;-webkit-object-fit:cover}
.ulist dl dt span{width:80%;position:absolute;bottom:0;left:10%;height:1.8rem;line-height:1.6rem;display:block;border-radius:.6rem;color:#fff;font-size:1.2rem}
.ulist dl dt font{font-size:2rem;position:absolute;right:0;top:-1rem;color:#999}

.ulist dl dd{right:0;width:-webkit-calc(100% - 8rem);text-align:left;border-bottom:#f5f5f5 1px solid;height:8.6rem}
.ulist dl dd b{font-weight:normal}
.ulist dl dd h4{font-size:1.4rem}

.ulist dl dd h4 img,.ulist dl dd h4 span{vertical-align:middle}
.ulist dl dd h5{font-size:1.2rem;margin:.5rem 0}
.ulist dl dd h5 b{display:inline-block;line-height:2rem;height:2rem;padding:0 .8rem;border-radius:1.8rem;color:#fff;}
.ulist dl dd h5 b:first-child{margin-right:1rem}
.ulist dl dd h5 b:last-child{background-color:#9fbdeb;}
.ulist dl dd h6{font-size:1.3rem;color:#888;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ulist dl .enter{position:absolute;right:0;top:3.5rem;color:#c6c6c6;}
.ulist dl .enter i{font-size:1.5rem}
.ulist dl .enter{padding:0 1rem;display:inline-block;border-radius:2rem;background-color:#fff;border:#999 1px solid;color:#999;font-size:1.3rem;line-height:2.8rem}
.blankbottom{height:12rem;clear:both;overflow:auto;color:#999}

.ulist_search{position:fixed;bottom:7rem;text-align:center;right:2rem;display:block;width:5rem;height:5rem;line-height:1.6rem;font-size:1.2rem;border-radius:3rem;color:#fff;z-index:5}
.ulist_search i{font-size:2.2rem;line-height:2rem;height:2rem;display:block;margin-top:.7rem}
.ulist_search span{display:inline-block;margin-top:.8rem;line-height:1.4rem}
.ulist_search i{font-size:2.6rem;margin-top:.8rem}


